* {margin: 0; padding: 0; outline: 0}
body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: #0099FF}
div#container {width: 500px; height: 230px; padding: 10px; margin: 20px; position: relative; background:#42b3ff}
h2 {margin: 20px 20px 0 20px; font-size: 20px; color: #0099FF}
p {margin: 20px 20px 0 20px; line-height: 1.6}

/* STYLE TABS */
ul.tabNavigation {margin: 0; padding: 0}
ul.tabNavigation li {margin: 0; padding: 0; list-style: none outside }
ul.tabNavigation li a {display: block; float: left; width: 160px; height: 30px; line-height: 30px; margin: 0 2px 0 0; text-decoration: none; text-align: center; background: #a4dbff}
ul.tabNavigation li a:hover {background: #bbe4ff}
ul.tabNavigation li a.currentTab {background:#fff}

/* STYLE CONTAINER FOR EACH CONTENT PANEL */
div.tabContainer {width: 100%; height: 200px; background: #fff; position: relative; top: 30px;}
div.tabContainer div {width: 100%; height: 200px; background: #fff; position: absolute; left: 0; top: 0; overflow: hidden}